<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commond/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>档期网</title>
		<link rel="shortcut icon" href="${ctx }/image/logo_ico.ico" />
		<s:include value="/commond/keydesc.jsp"></s:include>
		<link href="${ctx }/css/head/head.css" rel="stylesheet" type="text/css" />
		<link href="${ctx }/css/invite/invite_nav.css" rel="stylesheet" type="text/css" />
		<link href="${ctx }/css/invite/invite_day.css" rel="stylesheet" type="text/css" />
		<link href="${ctx }/css/invite/view_fun.css" rel="stylesheet" type="text/css" />
		<link href="${ctx }/css/invite/my_event.css" rel="stylesheet" type="text/css" />
		<link href="${ctx }/css/invite/party.css" rel="stylesheet" type="text/css" />
		<link href="${ctx }/css/loading.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="${ctx}/js/common/jquery.js"></script>
		<script type="text/javascript" src="${ctx }/js/textareaAutoHeight.js"></script>
		<script type="text/javascript" src="${ctx }/js/invite/invite_mode.js"></script>
		<script type="text/javascript" src="${ctx}/js/common/common.js"></script>
		<script type="text/javascript" src="${ctx}/js/control/calendar.js"></script>
		<script type="text/javascript" src="${ctx }/js/invite/clip_day.js"></script>
	</head>
	<body>
		<s:include value="/head.jsp"></s:include>
		<div class="invite_page" style="min-height: 526px;">
			<table style="width:100%;">
				<tr>
					<!-- 
					<td class="my_open" valign="top">
						<div class="my_event" id="my_event_zone" style="width: 36px;">
		                    <div class="my_oc" id="my_open_opt" title="收起" style="width: 36px;">
		                        <a class="oc_open"></a>
		                    </div>
		                	<div class="my_fun">
		                    	<a effectzone="my_event_today" style="width: 34px;height: 28px">今天</a>
		                    	<a effectzone="my_event_tommorrow" style="width: 34px;height: 28px">明天</a>
		                    </div>
		                    <div class="me_box" id="my_event_today" style="display: none;">
		                    </div>
		                    <div class="me_box" id="my_event_tommorrow" style="display: none;">
		                    </div>
		                </div>
					</td>
					 -->
					<td valign="top">
						<div class="invite_nav">
							<div class="invite_table">
		                        <div class="table_bg">
		                        
		                            <a class="table_ri_onit" href="#"></a>
		                            <a class="table_btm_zhou" href="${ctx }/myclip/clip_week.html"></a>
		                            <!-- 
		                            <a class="table_btm_yue" href="${ctx }/myclip/clip_month.html"></a>
		                            <a class="table_btm_nian" href="${ctx }/myclip/clip_year.html"></a>
		                             -->
		                        </div>
		                    </div>
		                    <div class="invite_mouth_fun invite_mouth_fun_day">
		                    	<div style="float: left;margin-left: 5px;height: 1px;"></div>
		                        <a class="y_left" title="上一月" onclick="prevMonthClick()"></a>
		                        <a class="m_left" title="昨天" onclick="prevDayClick()"></a>
		                        <select id="mouth_fun_weekview_year" onchange="changeDayView()">
		                        </select>
		                        <span class="nian"></span>
		                        <select id="mouth_fun_weekview_month" onchange="changeDayView()" style="width: 40px;margin-left: 5px;">
									<option value="0">1</option>
									<option value="1">2</option>
									<option value="2">3</option>
									<option value="3">4</option>
									<option value="4">5</option>
									<option value="5">6</option>
									<option value="6">7</option>
									<option value="7">8</option>
									<option value="8">9</option>
									<option value="9">10</option>
									<option value="10">11</option>
									<option value="11">12</option>
		                        </select>
		                        <span class="yue"></span>
		                        <select id="mouth_fun_weekview_day" onchange="changeDayView()" style="width: 40px;margin-left: 5px;">
		                        	<option value="0">1</option>
		                        </select>
		                        <span class="ri"></span>
		                        <a class="m_right" title="明天" onclick="nextDayClick()"></a>
		                        <a class="y_right" title="下一月" onclick="nextMonthClick()"></a>
		                        <span class="btm_today" onclick="getDayEventsByToday()"></span>
		                    </div>
						</div>
						<div class="view_box">
							<div class="unithour">&nbsp;</div>
							<div class="row">&nbsp;</div>
							<table class="invite_time" cellpadding="0" cellspacing="0">
								<tr id="day">
									<td id="day0">0</td>
									<td id="day1">1</td>
									<td id="day2">2</td>
									<td id="day3">3</td>
									<td id="day4">4</td>
									<td id="day5">5</td>
									<td id="day6">6</td>
									<td id="day7">7</td>
									<td id="day8">8</td>
									<td id="day9">9</td>
									<td id="day10">10</td>
									<td id="day11">11</td>
									<td id="day12">12</td>
									<td id="day13">13</td>
									<td id="day14">14</td>
									<td id="day15">15</td>
									<td id="day16">16</td>
									<td id="day17">17</td>
									<td id="day18">18</td>
									<td id="day19">19</td>
									<td id="day20">20</td>
									<td id="day21">21</td>
									<td id="day22">22</td>
									<td id="day23">23</td>
									<td id="day24">24</td>
								</tr>
							</table>
							<table class="invite_day" cellspacing="0" cellpadding="0">
								<tr id="crtclip" >
									<td class="part" hour='0'>&nbsp;</td>
									<td class="part" hour='1'>&nbsp;</td>
									<td class="part" hour='2'>&nbsp;</td>
									<td class="part" hour='3'>&nbsp;</td>
									<td class="part" hour='4'>&nbsp;</td>
									<td class="part" hour='5'>&nbsp;</td>
									<td class="part" hour='6'>&nbsp;</td>
									<td class="part" hour='7'>&nbsp;</td>
									<td class="part" hour='8'>&nbsp;</td>
									<td class="part" hour='9'>&nbsp;</td>
									<td class="part" hour='10'>&nbsp;</td>
									<td class="part" hour='11'>&nbsp;</td>
									<td class="part" hour='12'>&nbsp;</td>
									<td class="part" hour='13'>&nbsp;</td>
									<td class="part" hour='14'>&nbsp;</td>
									<td class="part" hour='15'>&nbsp;</td>
									<td class="part" hour='16'>&nbsp;</td>
									<td class="part" hour='17'>&nbsp;</td>
									<td class="part" hour='18'>&nbsp;</td>
									<td class="part" hour='19'>&nbsp;</td>
									<td class="part" hour='20'>&nbsp;</td>
									<td class="part" hour='21'>&nbsp;</td>
									<td class="part" hour='22'>&nbsp;</td>
									<td class="part" hour='23'>&nbsp;</td>
								</tr>
							</table>
							<table class="invite_day" cellspacing="0" cellpadding="0" id="joinclip"></table>
							<table class="invite_day" cellspacing="0" cellpadding="0" id="emptyclip">
								<tr>
									<td class='invite_event noevent' title='双击立即添加档期' hour='0'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='1'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='2'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='3'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='4'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='5'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='6'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='7'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='8'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='9'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='10'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='11'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='12'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='13'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='14'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='15'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='16'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='17'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='18'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='19'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='20'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='21'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='22'><div class='noevent'></div></td>
									<td class='invite_event noevent' title='双击立即添加档期' hour='23'><div class='noevent'></div></td>
								</tr>
							</table>
							<div style="float: left;width: 100%;height: 55px;">
			                    <div class="shaft_col">
			                    </div>
		                    </div>
						</div>
					</td>
					<td class="vf_open" align="right">
						<div class="view_fun" style="width: 305px;">
		                	<div class="view_con" style="border:1px solid #f4c200;">
		                    	<div class="vf_invite" id="invite_clip_zone">
		                            <div class="vi_ivt" id="last_clip_zone" >
		                            </div>
		                            <div class="vi_end" id="urgent_clip_zone" style="display: none;">
		                            </div>                   
		                            <!-- 筛选条件 -->
		                            <div class="choose_list" style="display: none;" id="screen_clip_zone">
		                            	<div class="cl_box">
		                                    <div class="cl_title">显示视图筛选</div>
		                                    <div class="cl_condition">
		                                        <input type="checkbox" checked="checked" onchange="filterEvent(this,'work');"/>
		                                        <span class="work">显示工作档期</span>
		                                    </div>
		                                    <div class="cl_condition">
		                                        <input type="checkbox" checked="checked" onchange="filterEvent(this,'socal');"/>
		                                        <span class="socal">显示社交档期</span>
		                                    </div>
		                                    <div class="cl_condition">
		                                        <input type="checkbox" checked="checked" onchange="filterEvent(this,'sect');"/>
		                                        <span class="sect">显示私人档期</span>
		                                    </div>
		                                    <div class="cl_condition">
		                                        <input type="checkbox" checked="checked" onchange="filterEvent(this,'other');"/>
		                                        <span class="other">显示其他档期</span>
		                                    </div>
		                                    <div class="cl_condition">
		                                        <input type="checkbox" checked="checked" onchange="filterEvent(this,'c_import');"/>
		                                        <span class="import" title="标记为重要">显示重要档期</span>
		                                    </div>
		                                    <div class="cl_condition">
		                                        <input type="checkbox" checked="checked" onchange="filterEvent(this,'import');"/>
		                                        <span class="c_import" title="未标记为重要">未标记为重要</span>
		                                    </div>
		                            	</div>
		                            </div>
		                            <!-- 筛选条件 -->
		                        </div>     
		                    </div>
							<div class="view_tab_out">
								<div class="view_tab_top"></div>
								<div class="view_tab">                    	
			                        <div class="vt_oc" id="vt_oc_optzone">                                
			                            <a id="new" class="new onit" effectzone='last_clip_zone' borderc="f4c200" style=""><b class="msgcount24"></b></a>
			                            <a id="urgent" class="urgent" effectzone='urgent_clip_zone' borderc="e6685d"><b class="msgcountj"></b></a>
			                        	<a id="screen" class="screen" effectzone='screen_clip_zone' borderc="01bff3">
			                        	</a>
			                    	</div>
			                    </div>
								<div class="view_tab_bottom"></div>
							</div>
		                </div>
					</td>
				</tr>
			</table>
		</div>
		<s:include value="/foot.jsp"></s:include>
<div id="td_box_detail" style="display:none;overflow: hidden;background: none transparent;width: 630px;">
	<div class="optdiv">
    	<a class="opt"></a>
	</div>
	<div class="td_box" style="width: 610px;">
		    <div style="width:590px; padding:20px 10px; float:left; position:relative;">
		    	<input id="td_box_eventid" type="hidden"/>
		        <ul class="part_info">
		            <li>
		                <span class="title">档期内容：</span>
		                <span id="td_box_title"></span>
		            </li>
		            <li>
		                <span class="title">发起人：</span>
		                <span id="td_box_publishname"></span>
		            </li>
		            <li>
		                <span class="title">档期类型：</span>
		                <span class="event work" style="float:left;"></span>
		                <span style="width:auto; float:left" id="td_box_eventtype"></span>
		            </li>
		            <li>
		                <span class="title">活动时间：</span>
		                <span id="td_box_cliptime">
		                    
		                </span>
		            </li>
		            <li>
		                <span class="title">回复截止：</span>
		                <span id="td_box_deadlinetime" style="width:auto;">
		                </span>
		                <span id="td_box_processstatus" style="width:auto;">
		                </span>
		            </li>
		            <li>
		                <span class="title">活动地点：</span>
		                <span id="td_box_address"></span>
		            </li>
		            <li>
		                <span class="title">活动详情：</span>
		                <span id="td_box_content"></span>
		            </li>
		            <li>
		            	<div class="cck" id="td_box_showclock" style="height: 42px;">
		                    <span class="title">提醒时间：</span>
		                    <!--
		                    <span>无</span>
		                    <span class="alarm">提前0分钟</span>
		                    <span class="alarm">提前5分钟</span>
		                    <span class="alarm">提前1天</span>
		                    <span class="alarm">提前1周</span>
		                    -->
		                    <span class="alarm" id="td_box_clocktime"></span>
		                </div>
		                <div style="display:none" class="cck" id="td_box_setclock">
		                    <span style="width:14px" class="title">&nbsp;</span>
		                    <span style="width:auto; float:left;">设置提醒</span>
		                    <input type="text" size="15" value="" style="margin:0 10px;" class="data"/>
		                    
		                    <div class="timebg">
	                        	<a class="minus" onclick="hourminus(jQ(this).next());"></a>
	                        	<input maxlength="2" value="0" onblur="hourinput(this);" class="hminput" id="alerthour"/>
	                        	<a class="plus" onclick="hourplus(jQ(this).prev());"></a>
	                        </div>
							<span style="width: auto;">时</span>
							<div class="timebg">
	                        	<a class="minus" onclick="minminus(jQ(this).next());"></a>
	                        	<input maxlength="2" value="0" onblur="mininput(this);" class="hminput" id="alertmin"/>
	                        	<a class="plus" onclick="minplus(jQ(this).prev());"></a>
	                        </div>
							<span style="width: auto;">分</span>
		                    
		                    <input type="checkbox" style="margin: 2px 7px 1px 15px;" class="hasmobilechoose"/>
		                    <img style="float: left;" src="${ctx }/image/mobilemsg.png" width="16" height="16" alt="手机短信提醒" title="手机短信提醒" class="hasmobilechoose"/>
		                    <button style="margin-left: 10px;">确定</button>
		                    <div style="margin-top:10px;color:#ff0000;height: 14px;" id="td_box_setclock_info"></div>
		                </div>
		            </li>
		        </ul>
		        <div class="import" title="标记为重要" id="td_box_isvip"></div>
		        <div class="btm">
		            <a id="td_box_deve_icon" onclick="deleteClipEvent(this);"></a>
		            <a title="详情" class="info" onclick="detailClipEvent(this);"></a>
		            <a id="td_box_alert_icon"></a>
		        </div>
		    </div>
		</div>
</div>
		<div class="monthviewopt" style="display: none;" id="viewopt">
			<input type="hidden" id="viewopt_eventid"/>
			<input type='hidden' id='viewopt_starttime' />
			<input type='hidden' id='viewopt_endtime' />
			<img src="${ctx }/image/load.gif" style="display: none;margin-left: 120px;margin-top: 25px;" align="middle" id="viewopt_img"></img>
			<p style="text-indent: 30px;font-size:15px;line-height: 25px;" id="viewopt_p"></p>
		</div>
		<div class="accept_msg_box" id="accept_msg_box" style="display: none;">
			<div class="msg_note" style="top: 100px;">
				<div class="msg_text" id="accept_msg_box_content"></div>
			</div>
		</div>
	</body>
</html>